<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title>修改赛事</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <link rel="stylesheet" href="../css/font.css">
    <link rel="stylesheet" href="../css/xadmin.css">
    <script type="text/javascript" src="../lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../js/xadmin.js"></script>
    <script src="../js/base.js"></script>
    <script src="../js/jquery.min.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>

    </style>
</head>

<body>
<div class="layui-fluid">
    <div class="layui-row">
        <form class="layui-form">
            <div class="layui-form-item">
                <label for="type" class="layui-form-label">
                    <span class="x-red">*</span>审核结果
                    <input id="id" data-id="" type="hidden">
                </label>
                <div class="layui-input-block">
                    <input type="radio" lay-filter="isPassTest" name="isPassTest" id="isPassTest1" value="1"
                           title="通过">
                    <div class="layui-unselect layui-form-radio layui-form-radioed">
                        <div>通过</div>
                    </div>
                    <input type="radio" lay-filter="isPassTest" name="isPassTest" id="isPassTest2" value="2"
                           title="驳回">
                    <div class="layui-unselect layui-form-radio">
                        <div>驳回</div>
                    </div>
                </div>
            </div>
            <div class="layui-form-item defeatReason" style="display: none;">
                <label class="layui-form-label option"> <span class="x-red">*</span>失败原因</label>
                <div class="layui-input-inline">
                    <input type="text" id="notPassReason" autocomplete="off" class="layui-input optionContent"
                           value="" style="height: 38px;" name="notPassReason">
                </div>
            </div>
            <div class="layui-form-item" style="text-align: center">
                <button type="button" lay-filter="add" lay-submit class="layui-btn">确定</button>
                <button type="button" class="layui-btn layui-btn-primary" onclick="xadmin.close()">取消</button>
            </div>
        </form>
    </div>
</div>
<script>
    layui.use(['form', 'layer', 'laydate'],
        function () {
            $ = layui.jquery;
            var form = layui.form,
                layer = layui.layer;
            var laydate = layui.laydate;
            // 监听单选
            form.on('radio(isPassTest)', function (data) {
                if (data.value == 1) { //选通过不显示失败原因
                    $(".defeatReason").slideUp();
                    $("#defeatReason").val("")
                } else if (data.value == 2) { //选失败显示失败原因
                    $(".defeatReason").slideDown();
                    $("#defeatReason").val("")
                }
                ;
            });
            //监听提交
            form.on('submit(add)',
                function (data) {
                    //获取到表单信息
                    var notPassReason = ""; //失败原因
                    var isPassTest = ""; //是否通过
                    notPassReason = data.field.notPassReason; //获取失败原因
                    isPassTest = data.field.isPassTest; //获取是否通过
                    if (isPassTest == undefined) {
                        layer.alert('请输入审批结果', {
                            title: "提示"
                        })
                        return false
                    } else if (isPassTest == 2 && notPassReason == "") {
                        layer.alert('请输入失败原因', {
                            title: "提示"
                        })
                        return false
                    }
                    //发异步，发数据
                    $.ajax({
                        type: "get",
                        url: approvalNewcompetition,
                        data: {
                            id: $("#id").attr("data-id"),
                            status: isPassTest,
                            notPassReason: notPassReason
                        },
                        success: function (res) {
                            console.log(res)
                            if (res.msg == 0) {
                                layer.alert("操作成功", {
                                    icon: 6
                                }, function () {
                                    //关闭当前frame
                                    xadmin.close();
                                    // 可以对父窗口进行刷新
                                    xadmin.father_reload();
                                });
                            } else {
                                layer.alert(res.msg, function (index) {
                                    if (res.msg == "session已失效，请重新登录") {
                                        parent.parent.window.location.href =
                                            getRequestPrefix() +
                                            "/footBallAdmin/login.html"
                                        xadmin.close();
                                    } else {
                                        layer.close(index);
                                    }
                                });
                            }
                        },
                        error: function (error) {
                            console.log(error)
                        }
                    })
                    return false;
                });

        });
</script>
</body>

</html>